import React, { Component } from 'react';
import logo from '../image/logo.svg';
import '../style/index.less';
import { Link ,NavLink} from 'react-router-dom';
import { observable, useStrict, action } from 'mobx';
import { observer } from 'mobx-react';
import BaseApp from './BaseApp';

@observer
class App extends BaseApp {

    constructor(props){
        super(props);


    }

    render() {
        return [
            <header className="App-header" key={"a"}>
                <img src={logo} className="App-logo" alt="logo" />
                <h1 className="App-title">Welcome to React</h1>
            </header>,
            <div style={{height:"50px","lineHeight":"50px"}} key={"b"}>
                <button className={"btn"}><NavLink to="/msg1">页面1</NavLink></button>
                <button className={"btn"}><NavLink to="/msg2">页面2</NavLink></button>
                <button className={"btn"}><NavLink to="/msg3">页面3</NavLink></button>
            </div>
        ];
    }
}
//{this.props.children}
export default App;
